/* ==========================
   LIFE AT CONNEXR HERO
========================== */

.life-hero {
    position: relative;
    width: 100%;
    height: var(--life-height, 700px);
    min-height: 800px;
    overflow: hidden;
    background: var(--life-bg, #ffffff);
}


/* FLOATING AREA */

.life-floating-images {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 1;
}


/* INDIVIDUAL PDF PAGE */

.life-float-item {
    position: absolute;

    left: 50%;
    top: 50%;

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(0);

    will-change:
        transform,
        opacity;
}


.life-float-item img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;

    pointer-events: none;
    user-select: none;
}


/* CENTER CONTENT */

.life-hero-content {
    position: absolute;
    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

    width: 100%;
    text-align: center;

    pointer-events: none;
}
.life-center-title {
    margin: 0;

    font-size: clamp(24px, 2.2vw, 38px);
    line-height: 1.1;
    font-weight: 700;

    color: #102765;

    white-space: nowrap;
}

.life-center-logo {
    display: block;

    width: clamp(180px, 20vw, 310px);

    height: auto;
}


/* TABLET */

@media (max-width: 991px) {

    .life-hero {
        min-height: 600px;
    }

    .life-center-logo {
        width: 210px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .life-hero {
        height: 650px;
        min-height: 650px;
    }

    .life-center-logo {
        width: 170px;
    }
}